import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { FormsModule } from '@angular/forms';
import { HttpModule } from '@angular/http';
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';


import { AppComponent,LittleTourComponent } from './app.component';
import { ClickMeComponent } from './click-me.component';
import {
  KeyUpComponent_v1,
  KeyUpComponent_v2,
  KeyUpComponent_v3,
  KeyUpComponent_v4
} from './keyup.components';
import { LoopbackCompoent } from './loop-back.component';

import { AlertModule } from 'ngx-bootstrap';

import { HeroListBasicComponent } from './hero-list-basic.component';
import { HighlightDirecitve } from './highlight.directive';
import { HeroFormComponent } from './hero-form.component';
import { Hero3Service } from './hero.service';
import { Logger } from './logger.service';


@NgModule({
  declarations: [
    AppComponent,
    LittleTourComponent,
    ClickMeComponent,
    KeyUpComponent_v1,
    KeyUpComponent_v2,
    KeyUpComponent_v3,
    KeyUpComponent_v4,
    LoopbackCompoent,
    HeroFormComponent,
    HeroListBasicComponent,
    HighlightDirecitve
  ],
  imports: [
    BrowserModule,
    FormsModule,
    HttpModule,
    AlertModule.forRoot()
  ],
  providers: [Logger,Hero3Service],
  bootstrap: [AppComponent]
})
export class AppModule { }
